<template>
    <div>
        <div class="row a1">
            <div class="col-3">
                <img width="100%" :src="item.cover" alt="" />
            </div>
            <div
                style="height: 200px; padding: 20px 0; overflow: hidden"
                class="col-9"
            >
                <h4>{{ item.title }}</h4>
                <div>
                    {{ text }}
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props: ["item"],
    data() {
        return {
            text: "",
        }
    },
    created() {
        var el = document.createElement("div")
        el.innerHTML = this.item.content

        this.text = el.innerText.trimStart()
    },
}
</script>

<style lang="scss" scoped></style>
